
  // padding: 0 20rpx;
  .exchange-box {
    color: #3a5dff;
    padding: 50px 0 0 0;

    width: 750 rpx;
    height: 550 rpx;
  }


.UCenter-bg {
  background: #fff;
  background-size: 100% 100%;
  /* background-size: cover; */
  height: 550 rpx;
  display: flex;
  justify-content: center;
  padding-top: 40 rpx;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-weight: 300;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.UCenter-bg text {
  opacity: 0.8;
}

.UCenter-bg image {
  width: 200 rpx;
  height: 200 rpx;
}

.UCenter-bg .gif-wave {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
  mix-blend-mode: screen;
  height: 100 rpx;
}


// 头像
.cu-avatar2 {
  font-variant: small-caps;
  margin: 0;
  padding: 0;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  width: 150 rpx;
  height: 150 rpx;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  font-size: 1.5em;
  z-index: 99;
}

.name {
  text-shadow: 2px 2px 1px #2f9bfe;
}

.dialog2 {
  background: none;
}

.saicode {
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}

.img-big image {
  top: -40px;
  width: 280 rpx;
  height: 280 rpx;
}


.shadow-me {
  box-shadow: 0 rpx 0 rpx 100 rpx 0 rpx rgba(0, 0, 0, 0.1);
}

.tn-footerfixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1024;
  box-shadow: 0 1 rpx 6 rpx rgba(0, 0, 0, 0.35);
}

.my_logo {
  background: none;
  padding: 50 rpx 0 30 rpx 0;
}

.my-radius {
  border-radius: 12 rpx;
  overflow: hidden
}

.my-icon image {
  width: 100 rpx;
  height: 100 rpx;
  display: inline-block;
  margin: 0 auto
}

.my-iconcolor {
  background: rgba(255, 255, 255, 0.96)
}

.shadow-shop {
  box-shadow: 0 rpx 0 rpx 90 rpx 0 rpx rgba(0, 0, 0, 0.1);
}

.qrcode-img {
  position: fixed;
  width: 80 rpx;
  height: 80 rpx;
  bottom: 350 rpx;
  right: 30 rpx;
  z-index: 1024;
  opacity: 0.8;
  box-shadow: 0 rpx 8 rpx 30 rpx 0 rpx rgba(0, 0, 0, 0.3);
  border: none
}


/* 数字背景 */
.shadow-warp-my {
  position: relative;
  box-shadow: 0 10 rpx 10 rpx rgba(0, 0, 0, 0.1);
}

.shadow-warp-my:before,
.shadow-warp-my:after {
  position: absolute;
  content: "";
  top: 20 rpx;
  bottom: 30 rpx;
  left: 20 rpx;
  width: 50%;
  box-shadow: 0 30 rpx 20 rpx rgba(0, 0, 0, 0.16);
  transform: rotate(-6deg);
  z-index: -1;
}

.shadow-warp-my:after {
  right: 20 rpx;
  left: auto;
  transform: rotate(6deg);
}


.bg-product {
  background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));
  color: #fff;
}

.margin-bottom-my {
  margin-bottom: 150 rpx;
}

.giteeClass {
  margin-top: 30 rpx;
  font-size: 34 rpx;
  color: #2440B3;
  text-decoration: underline;
}

.cu-dialog {
  background: #FFFFFF;
  overflow: visible;
}

.modal_bg {
  width: 100%;
  height: 400 rpx;
  position: absolute;
  top: -100rpx;
  background-image: url(https://zhoukaiwen.com/img/qdpz/modal_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.modal_main {
  background-color: #FFFFFF;
}

/* 主题色 */
.bg-zt1 {
  color: #fff;
  background: #81d949;
}

.bg-zt2 {
  color: #fff;
  background: #b2e6ff;
}

.bg-zt3 {
  color: #fff;
  background: #f3cd41;
}

.bg-zt4 {
  color: #fff;
  background: #ddecf7;
}

.bg-zt5 {
  color: #fff;
  background: #152e9d;
}

.bg-zt6 {
  color: #fff;
  background: #0f1358;
}

.nav-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 40 upx 0px;
  justify-content: space-between;
}

.nav-li {
  padding: 22 upx;
  border-radius: 12 upx;
  width: 45%;
  margin: 0 2.5% 40 upx;
  background-image: url(../../static/me/NyU04x.png);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

.nav-li::after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: inherit;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -10%;
  border-radius: 10 upx;
  opacity: 0.2;
  transform: scale(0.9, 0.9);
}

.nav-li.cur {
  color: #fff;
  background: rgb(94, 185, 94);
  box-shadow: 4 upx 4 upx 6 upx rgba(94, 185, 94, 0.4);
}

.nav-name {
  font-size: 28 upx;
  text-transform: Capitalize;
  position: relative;
}

.nav-name::before {
  content: "";
  position: absolute;
  display: block;
  width: 40 upx;
  height: 6 upx;
  background: #fff;
  bottom: 0;
  right: 0;
  opacity: 0.5;
}

.nav-name::after {
  content: "";
  position: absolute;
  display: block;
  width: 100 upx;
  height: 1px;
  background: #fff;
  bottom: 0;
  right: 40 upx;
  opacity: 0.3;
}

.nav-name::first-letter {
  font-weight: bold;
  font-size: 36 upx;
  margin-right: 1px;
}

.nav-li text {
  position: absolute;
  right: 30 upx;
  top: 30 upx;
  font-size: 52 upx;
  width: 60 upx;
  height: 60 upx;
  text-align: center;
  line-height: 60 upx;
}

// 好玩动态
.dong {
  z-index: 9999;
  position: fixed;
  top: -40px;
  right: -80px;
  transform: scale(0.24);
  -webkit-transform: scale(0.24);
  -moz-transform: scale(0.24);

}

.monster {
  transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  /* IE 9 */
  -moz-transform: rotate(-50deg);
  /* Firefox */
  -webkit-transform: rotate(-50deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-50deg);
  /* Opera */
  display: flex;
  justify-content: center;
  position: relative;
  width: 170px;
  height: 400px;
  border-top-left-radius: 200px;
  border-top-right-radius: 200px;
  background-color: #3C47D7;
  box-shadow: 20px 20px 60px #4650E5;
}

.monster__face {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 14%;
  width: 75%;
  height: 160px;
}

.monster__noses {
  top: 50%;
  display: flex;
  justify-content: space-between;
  width: 28%;
  height: auto;
  margin-bottom: 10px;
}

.monster__nose {
  width: 8px;
  height: 12px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 4px 8px 5px rgba(0, 0, 0, 0.1);
}

.monster__mouth {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 0%;
  overflow: hidden;
  border: 25px solid #FFC333;
  border-radius: 100px;
  background-color: #810332;
  animation: mouth 1.75s infinite;
  box-shadow: 4px 8px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.monster__mouth::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 80px;
  border-radius: 100px;
  background-color: #400018;
}

.monster__mouth::after {
  content: '';
  position: absolute;
  bottom: -80px;
  width: 160px;
  height: 80px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  background-color: #DC1B50;
  animation: tongue 1.75s infinite;
}

.monster__top {
  position: absolute;
  top: -30px;
  width: 170px;
  height: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #ffffff;
  z-index: 100;
  animation: t 1.75s infinite;
}

.monster__bottom {
  position: absolute;
  bottom: 0;
  width: 100px;
  height: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ffffff;
  z-index: 100;
  animation: b 1.75s infinite;
}


.avatar-eye {
  position: absolute;
  top: -10%;
  width: 65px;
  height: 65px;
  background: linear-gradient(105deg, white, #cb87f4);
  border-radius: 100%;
  box-shadow: 4px 8px 5px rgba(0, 0, 0, 0.2);
  margin: 3px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.avatar-eye--green {
  background: linear-gradient(to bottom, #fdfdfd, #c3efea);
}

.avatar-eye--violet {
  background: linear-gradient(to bottom, #fdfdfd, #e6d6f6);
}


.eye--left {
  left: 10%;
}

.eye--right {
  left: 85%;
}

.eye--center {
  left: 45%;
  top: 10%;
}

.avatar-eye-pupil {
  position: absolute;
  width: 55%;
  height: 55%;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 100;
  border-radius: 100%;
}


.pupil--green {
  background: linear-gradient(135deg, rgba(188, 248, 177, 0.7), #2fa38c 75%);
}

.pupil--pink {
  background: linear-gradient(135deg, #f1a183, #8535cd);
}


.avatar-eye-pupil-blackThing {
  position: absolute;
  width: 55%;
  height: 55%;
  left: 50%;
  top: 25%;
  background: #2c2f32;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  border-radius: 100%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.avatar-eye-pupil-lightReflection {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 25%;
  top: 10%;
  background: #ebebeb;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  border-radius: 100%;
  box-shadow: 10px 10px 10px rgba(255, 255, 255, 0.2);
}

/**/
@keyframes t {

  0%,
  10%,
  80%,
  100% {
    top: -30px;
  }

  20% {
    top: 0px;
  }

  30% {
    top: -20px;
  }

  40% {
    top: -0px;
  }

  50% {
    top: -25px;
  }

  70% {
    top: 0px;
  }
}

@keyframes b {

  0%,
  10%,
  80%,
  100% {
    bottom: -30px;
  }

  20% {
    bottom: 0px;
  }

  30% {
    bottom: -20px;
  }

  40% {
    bottom: -0px;
  }

  50% {
    bottom: -25px;
  }

  70% {
    bottom: 0px;
  }
}

@keyframes mouth {

  0%,
  10%,
  100% {
    width: 100%;
    height: 0%;
  }

  15% {
    width: 90%;
    height: 30%;
  }

  20% {
    width: 50%;
    height: 70%;
  }

  25% {
    width: 70%;
    height: 70%;
  }

  30% {
    width: 80%;
    height: 60%;
  }

  35% {
    width: 60%;
    height: 70%;
  }

  40% {
    width: 55%;
    height: 75%;
  }

  45% {
    width: 50%;
    height: 90%;
  }

  50% {
    width: 40%;
    height: 70%;
  }

  55% {
    width: 70%;
    height: 95%;
  }

  60% {
    width: 40%;
    height: 50%;
  }

  65% {
    width: 100%;
    height: 60%;
  }

  70% {
    width: 100%;
    height: 70%;
  }

  75% {
    width: 90%;
    height: 70%;
  }

  80% {
    width: 50%;
    height: 70%;
  }

  85% {
    width: 90%;
    height: 50%;
  }

  85% {
    width: 40%;
    height: 70%;
  }

  90% {
    width: 90%;
    height: 30%;
  }

  95% {
    width: 100%;
    height: 10%;
  }
}

@keyframes tongue {

  0%,
  20%,
  100% {
    bottom: -80px;
  }

  30%,
  90% {
    bottom: -40px;
  }

  40% {
    bottom: -45px;
  }

  50% {
    bottom: -50px;
  }

  70% {
    bottom: -80px;
  }

  90% {
    bottom: -40px;
  }
}


// 顶部流星
.space {
  position: absolute;
  top: 0;
  left: 0;
}

.planet {
  width: 150 rpx;
  height: 150 rpx;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -75rpx 0 0 -75rpx;
  overflow: hidden;
  z-index: 2;
}

.planet_shadow {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  top: -40%;
  right: -10%;
  border: 35 rpx solid rgba(0, 0, 0, .15);
}

.star {
  display: block;
  width: 5 rpx;
  height: 5 rpx;
  border-radius: 50%;
  background: #FFF;
  top: 100 rpx;
  left: 400 rpx;
  position: relative;
  transform-origin: 100% 0;
  animation: star-ani 6s infinite ease-out;
  box-shadow: 0 0 5 rpx 5 rpx rgba(255, 255, 255, .3);
  opacity: 0;
  z-index: 2;
}

.star:after {
  content: '';
  display: block;
  top: 0 rpx;
  left: 4 rpx;
  border: 0 rpx solid #fff;
  border-width: 0 rpx 90 rpx 2 rpx 90 rpx;
  border-color: transparent transparent transparent rgba(255, 255, 255, .3);
  transform: rotate(-45deg) translate3d(1 rpx, 3 rpx, 0);
  box-shadow: 0 0 1 rpx 0 rgba(255, 255, 255, .1);
  transform-origin: 0% 100%;
  animation: shooting-ani 3s infinite ease-out;
}

.pink {
  top: 30 rpx;
  left: 395 rpx;
  background: #ff5a99;
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
}

.pink:after {
  border-color: transparent transparent transparent #ff5a99;
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
}

.blue {
  top: 35 rpx;
  left: 432 rpx;
  background: cyan;
  animation-delay: 7s;
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
}

.blue:after {
  /* border-color: transpareanimation-delay: 12s; */
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  animation-delay: 7s;
}

.yellow {
  top: 50 rpx;
  left: 600 rpx;
  background: #ffcd5c;
  animation-delay: 5.8s;
}

.yellow:after {
  border-color: transparent transparent transparent #ffcd5c;
  animation-delay: 5.8s;
}

@keyframes star-ani {
  0% {
    opacity: 0;
    transform: scale(0) rotate(0) translate3d(0, 0, 0);
    -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
  }

  50% {
    opacity: 1;
    transform: scale(1) rotate(0) translate3d(-200rpx, 200 rpx, 0);
    -webkit-transform: scale(1) rotate(0) translate3d(-200rpx, 200 rpx, 0);
    -moz-transform: scale(1) rotate(0) translate3d(-200rpx, 200 rpx, 0);
  }

  100% {
    opacity: 0;
    transform: scale(1) rotate(0) translate3d(-300rpx, 300 rpx, 0);
    -webkit-transform: scale(1) rotate(0) translate3d(-300rpx, 300 rpx, 0);
    -moz-transform: scale(1) rotate(0) translate3d(-300rpx, 300 rpx, 0);
  }
}


/*page {*/
/*  background: #f2f3f7;*/
/*}*/


/*.toolbar {*/
/*  padding-top: 5px;*/
/*  background-color: #5b8bff;*/
/*}*/


/*.swiper-box {*/
/*  flex: 1;*/
/*}*/

/*.swiper-item {*/
/*  height: 100%;*/
/*}*/

/*.message-box {*/
/*  width: 100%;*/
/*  height: 120rpx;*/
/*  background: url(https://zhoukaiwen.com/img/icon/clock.gif) #FFFFFF;*/
/*  background-repeat: no-repeat;*/
/*  background-size: 100rpx 100rpx;*/
/*  background-position: 15rpx 10rpx;*/
/*  margin: 0rpx 0rpx 10rpx 0rpx;*/
/*  padding-left: 130rpx;*/

/*.message-tltle {*/
/*  height: 65rpx;*/
/*  line-height: 70rpx;*/
/*  font-weight: 600;*/
/*  font-size: 28rpx;*/
/*}*/

/*.message-content {*/
/*  color: #0081ff;*/

/*span {*/
/*  background-color: #0081ff;*/
/*  color: #FFFFFF;*/
/*  padding: 2rpx 8rpx;*/
/*  border-radius: 8rpx;*/
/*  margin-right: 8rpx;*/
/*}*/
/*}*/
/*}*/

/*!*scroll-view外层*!*/
/*.skill-sequence-panel-content-wrapper {*/
/*  position: relative;*/
/*  white-space: nowrap;*/
/*  padding: 10rpx 0 10rpx 10rpx;*/
/*}*/

/*!*左右渐变遮罩*!*/
/*.hide-content-box {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  height: 100%;*/
/*  width: 10px;*/
/*  z-index: 2;*/
/*}*/

/*.hide-content-box-left {*/
/*  left: 0;*/
/*  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #f3f3f3 60%);*/
/*}*/

/*.hide-content-box-right {*/
/*  right: 0;*/
/*  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #f3f3f3 60%);*/
/*}*/

/*.kite-classify-scroll {*/
/*  width: 100%;*/
/*  height: 380rpx;*/
/*  overflow: hidden;*/
/*  white-space: nowrap;*/
/*}*/

/*.kite-classify-cell {*/
/*  display: inline-block;*/
/*  width: 266rpx;*/
/*  height: 370rpx;*/
/*  margin-right: 20rpx;*/
/*  background-color: #ffffff;*/
/*  border-radius: 10rpx;*/
/*  overflow: hidden;*/
/*  box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);*/
/*}*/

/*.nav-li {*/
/*  padding: 40rpx 30rpx;*/
/*  width: 100%;*/
/*  background-image: url(https://s1.ax1x.com/2020/06/27/NyU04x.png);*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/

/*.nav-name {*/
/*  font-size: 28upx;*/
/*  text-transform: Capitalize;*/
/*  margin-top: 20upx;*/
/*  position: relative;*/
/*}*/

/*.nav-name::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  display: block;*/
/*  width: 40rpx;*/
/*  height: 6rpx;*/
/*  background: #fff;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  opacity: 0.5;*/
/*}*/

/*.nav-name::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  display: block;*/
/*  width: 100rpx;*/
/*  height: 1px;*/
/*  background: #fff;*/
/*  bottom: 0;*/
/*  right: 40rpx;*/
/*  opacity: 0.3;*/
/*}*/

/*.nav-content {*/
/*  width: 100%;*/
/*  padding: 15rpx;*/
/*  display: inline-block;*/
/*  overflow-wrap: break-word;*/
/*  white-space: normal;*/
/*}*/

/*.nav-btn {*/
/*  width: 200rpx;*/
/*  height: 60rpx;*/
/*  margin: 8rpx auto;*/
/*  text-align: center;*/
/*  line-height: 60rpx;*/
/*  border-radius: 10rpx;*/
/*}*/

/*.bg-index1 {*/
/*  background-color: #19cf8a;*/
/*  color: #fff;*/
/*}*/

/*.bg-index2 {*/
/*  background-color: #954ff6;*/
/*  color: #fff;*/
/*}*/

/*.bg-index3 {*/
/*  background-color: #5177ee;*/
/*  color: #fff;*/
/*}*/

/*.bg-index4 {*/
/*  background-color: #f49a02;*/
/*  color: #fff;*/
/*}*/

/*.bg-index5 {*/
/*  background-color: #ff4f94;*/
/*  color: #fff;*/
/*}*/

/*.bg-index6 {*/
/*  background-color: #7fd02b;*/
/*  color: #fff;*/
/*}*/

/*.item-name {*/
/*  margin-bottom: 15rpx;*/
/*  display: -webkit-box;*/
/*  -webkit-box-orient: vertical;*/
/*  -webkit-line-clamp: 1;*/
/*  overflow: hidden;*/
/*}*/

/*!* 搜索框 *!*/
/*.index .search-box {*/
/*  background: #fc1b35;*/
/*  padding: 20rpx 30rpx;*/
/*}*/
/*.index .search-box .search {*/
/*  height: 60rpx;*/
/*  background: #fff;*/
/*  border-radius: 60rpx;*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/

/*.index .search-box .search .icon {*/
/*  width: 24rpx;*/
/*  height: 24rpx;*/
/*  font-size: 0;*/
/*  margin-left: 20rpx;*/
/*}*/

/*.index .search-box .search .text {*/
/*  color: #999;*/
/*  margin-left: 10rpx;*/
/*}*/

/*!* banner *!*/
/*.index .banner {*/
/*  position: relative;*/
/*  height: 280rpx;*/
/*  background: #fff;*/
/*}*/

/*.index .banner .bg {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 190rpx;*/
/*}*/

/*.index .banner .img {*/
/*  width: 100%;*/
/*  height: 280rpx;*/
/*}*/

/*.index .banner .img .item {*/
/*  padding: 0 30rpx;*/
/*  box-sizing: border-box;*/
/*  font-size: 0;*/
/*}*/

/*.index .banner .img .item image {*/
/*  border-radius: 10rpx;*/
/*}*/

/*!* 导航 *!*/
/*.index .nav-box {*/
/*  padding: 34rpx 30rpx 4rpx;*/
/*  background: #fff;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  flex-wrap: wrap;*/
/*}*/

/*.index .nav-box .item {*/
/*  width: 25%;*/
/*  text-align: center;*/
/*  margin-bottom: 26rpx;*/
/*}*/

/*.index .nav-box .item .icon {*/
/*  margin: auto;*/
/*  width: 60rpx;*/
/*  height: 60rpx;*/
/*  font-size: 0;*/
/*}*/

/*.index .nav-box .item .text {*/
/*  margin-top: 14rpx;*/
/*}*/

/*!* 长广告 *!*/
/*.index .long-adv {*/
/*  padding: 0 30rpx;*/
/*  height: 170rpx;*/
/*  background: linear-gradient(to bottom, #fff, #f2f3f7);*/
/*}*/

/*.index .long-adv .adv-box {*/
/*  border-radius: 10rpx;*/
/*  width: 100%;*/
/*  height: 170rpx;*/
/*  overflow: hidden;*/
/*}*/

/*!* 秒杀专区 *!*/
/*.index .flash-sale {*/
/*  margin: 24rpx 30rpx 0;*/
/*  border-radius: 10rpx;*/
/*  overflow: hidden;*/
/*}*/

/*.index .flash-sale .tit {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  background: #fff;*/
/*  padding: 20rpx;*/
/*}*/

/*.index .flash-sale .tit .text {*/
/*  font-size: 28rpx;*/
/*  font-weight: 600;*/
/*}*/

/*.index .flash-sale .tit .time {*/
/*  flex: 1;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  margin-left: 16rpx;*/
/*}*/

/*.index .flash-sale .tit .time .num {*/
/*  width: 32rpx;*/
/*  height: 32rpx;*/
/*  line-height: 32rpx;*/
/*  font-size: 20rpx;*/
/*  font-weight: 600;*/
/*  font-family: PingFangSC-Medium, tahoma;*/
/*  text-align: center;*/
/*  background: #fc1b35;*/
/*  color: #fff;*/
/*  border-radius: 8rpx;*/
/*}*/

/*.index .flash-sale .tit .time .colon {*/
/*  height: 36rpx;*/
/*  line-height: 36rpx;*/
/*  color: #999;*/
/*  margin: 0 6rpx;*/
/*}*/

/*.index .flash-sale .tit .more {*/
/*  color: #999;*/
/*}*/

/*.index .flash-sale .tit .more.text-arrow::after {*/
/*  border-top: 2rpx solid #999;*/
/*  border-right: 2rpx solid #999;*/
/*}*/

/*.index .flash-sale .goods {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  padding: 0 20rpx 20rpx;*/
/*  background: #fff;*/
/*}*/

/*.index .flash-sale .goods .item {*/
/*  flex: 1;*/
/*}*/

/*.index .flash-sale .goods .item .img {*/
/*  width: 210rpx;*/
/*  height: 210rpx;*/
/*  font-size: 0;*/
/*  margin: auto;*/
/*  border-radius: 10rpx;*/
/*  overflow: hidden;*/
/*}*/

/*.index .flash-sale .goods .item .price {*/
/*  margin-top: 10rpx;*/
/*  height: 32rpx;*/
/*  justify-content: center;*/
/*  color: #333;*/
/*}*/

/*.index .flash-sale .goods .item .price .big {*/
/*  font-size: 24rpx;*/
/*}*/

/*!* 多功能区 *!*/
/*.index .multi {*/
/*  padding: 0 30rpx;*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*}*/

/*.index .multi .item {*/
/*  flex: 1;*/
/*  margin-top: 12rpx;*/
/*  margin-left: 12rpx;*/
/*  padding: 20rpx;*/
/*  background: #fff;*/
/*  box-sizing: border-box;*/
/*  border-radius: 10rpx;*/
/*}*/

/*.index .multi .item:first-child {*/
/*  margin-left: 0;*/
/*}*/

/*.index .multi .item .tit {*/
/*  padding-bottom: 20rpx;*/
/*}*/

/*.index .multi .item .tit .text {*/
/*  font-size: 28rpx;*/
/*  font-weight: 600;*/
/*}*/

/*.index .multi .item .tit .des {*/
/*  margin-top: 10rpx;*/
/*  color: #999;*/
/*  line-height: 1;*/
/*}*/

/*.index .multi .item .pic {*/
/*  width: 180rpx;*/
/*  height: 180rpx;*/
/*  font-size: 0;*/
/*  margin: auto;*/
/*  border-radius: 10rpx;*/
/*  overflow: hidden;*/
/*}*/

/*!* 好物助手 *!*/
/*.index .card-goods {*/
/*  margin: 12rpx 30rpx 30rpx;*/
/*  padding: 20rpx;*/
/*  background: #fff;*/
/*  border-radius: 10rpx;*/
/*  display: flex;*/
/*}*/

/*.index .card-goods .text-box .text {*/
/*  font-size: 32rpx;*/
/*  font-weight: 600;*/
/*  color: #fc1b35;*/
/*}*/

/*.index .card-goods .text-box .big {*/
/*  font-size: 28rpx;*/
/*  font-weight: 600;*/
/*  margin-top: 20rpx;*/
/*}*/

/*.index .card-goods .text-box .more.text-arrow {*/
/*  color: #999;*/
/*  margin-top: 6rpx;*/
/*  padding-right: 20rpx;*/
/*}*/

/*.index .card-goods .text-box .more::before {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  right: -6rpx;*/
/*  display: block;*/
/*  width: 18rpx;*/
/*  height: 18rpx;*/
/*  border-radius: 50%;*/
/*  content: " ";*/
/*  font-size: 0;*/
/*  border: 2rpx solid #aaa;*/
/*  transform: translateY(-50%);*/
/*}*/

/*.index .card-goods .text-box .more.text-arrow::after {*/
/*  width: 6rpx;*/
/*  height: 6rpx;*/
/*  top: 46%;*/
/*  border-top: 2rpx solid #999;*/
/*  border-right: 2rpx solid #999;*/
/*}*/

/*.index .card-goods .goods {*/
/*  flex: 1;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: flex-end;*/
/*}*/

/*.index .card-goods .goods .item {*/
/*  margin-left: 20rpx;*/
/*  width: 140rpx;*/
/*  height: 140rpx;*/
/*  font-size: 0;*/
/*  border-radius: 10rpx;*/
/*  overflow: hidden;*/
/*}*/

/*!* 推荐 *!*/
/*.index .recommend {*/
/*  margin-top: 40rpx;*/
/*  padding: 0 30rpx;*/
/*}*/

/*.index .recommend .category {*/
/*  white-space: nowrap;*/
/*}*/

/*.index .recommend .category .category-item {*/
/*  display: inline-block;*/
/*  font-size: 26rpx;*/
/*  font-weight: 600;*/
/*  width: 20%;*/
/*  height: 56rpx;*/
/*  line-height: 56rpx;*/
/*  white-space: nowrap;*/
/*  text-align: center;*/
/*}*/

/*.index .recommend .category .category-item.active {*/
/*  color: #fff;*/
/*  background: #fc1b35;*/
/*  border-radius: 60rpx;*/
/*}*/
